#Notebook{
	overflow:auto;
	font-family:arial;
	width:50%;
        float:left;
        font-size:small;
}

#Scrapbook{
    margin-right:2%;
}

#Notebook li{
/*	border-style:groove;
	border-color:lightgrey;
	border-width:thin;
*/}

#Notebook ol {
    overflow:auto;
    font-family:arial;
    list-style-type:none;
    margin-top:2%;
}

#Notebook ol.numbering.decimal{
    list-style-type:decimal;
}

#Notebook ol.numbering.loweralpha{
  list-style-type:lower-alpha;
}

#Notebook ol.numbering.upperalpha{
  list-style-type:upper-alpha;
}

#Notebook ol.numbering.lowerroman{
  list-style-type:lower-roman;
}

#Notebook ol.numbering.upperroman{
  list-style-type:upper-roman;
}

#Notebook ol li {
	margin-top:2%;
}

#Notebook ol li .scrap {
    display:inline;
}

#Notebook ol li .info{
    font-family:Arial;
    color:blue;
    font-size:x-small;
}

#Notebook ol li .content{
    margin-left:1%;
    display:inline;
}


#Notebook ol li .controls{
	float:right;
	font-family:Arial;
	color:blue;
	font-size:x-small;
	cursor:pointer;
        display:none;
}

.strikethrough{
    text-decoration:line-through;
}

.underline{
    text-decoration:underline;
}

/* FONT-SIZES Default is small*/

.large{
    font-size:large;
}

.xlarge{
    font-size:x-large;
}

.xxlarge{
    font-size:xx-large;
}

.xsmall{
    font-size:x-small;
}

.xxsmall{
    font-size:xx-small;
}

.red{
    color:red;
}

.green{
    color:green;
}

.blue{
    color:blue;
}

.bold{
    font-weight:bold;
}

.italic{
    font-style:italic;
}